<style type="text/css">
    .clears{ clear:both;}
    /*messages*/
    .messages{padding:15px 0;}
    .messages input,.messages select,.messages textarea{margin:0;padding:0; background:none; border:0; font-family:"Microsoft Yahei";}
    .messlist {height:30px;margin-bottom:10px;}
    .messlist label{float:left;width:100px; height:30px; font-size:14px; line-height:30px; text-align:right;padding-right:10px;}
    .messlist input{float:left;width:300px;height:30px;padding-left:5px;border:#bbb 1px solid;}
    .messlist.textareas{ height:auto;}
    .messlist textarea{float:left;width:400px; height:110px;padding:5px;border:#ccc 1px solid;}
    .messlist.yzms input{width:100px;}
    .messlist.yzms .yzmimg{ float:left;margin-left:10px;}
    .messsub{padding:0px 0 0 110px;}
    .messsub input{width:100px; height:35px; background:#ddd; font-size:14px; font-weight:bold; cursor:pointer;margin-right:5px}
    .messsub input:hover{ background:#f60;color:#fff;}

</style>

<div class="row">
    <div class="span6">
        <h3 class="section-title">联系我们</h3>

        <form class="form-light js-ajax-form messages" role="form" method="post"
              action="{:cmf_plugin_url('HzMsgBorad://Do/addmsg');}">
            <div class="messlist">
                <label><font color="red">*</font>姓名</label>
                <input type="text" required name="name" placeholder="姓名"/>

                <div class="clears"></div>
            </div>
            <div class="messlist">
                <label><font color="red">*</font>手机号</label>
                <input type="text" required name="phone" placeholder="手机号"/>

                <div class="clears"></div>
            </div>
            <div class="messlist">
                <label>电子邮件</label>
                <input type="text" name="email" placeholder="电子邮件"/>

                <div class="clears"></div>
            </div>
            <div class="messlist textareas">
                <label><font color="red">*</font>留言内容</label>
                <textarea name="msg" required placeholder="留言内容"></textarea>

                <div class="clears"></div>
            </div>
            <div class="messlist yzms">
                <label><font color="red">*</font>验证码</label>
                <input type="text" name="verify" required placeholder="验证码" style="margin-right: 30px;"/>
                <captcha height="30" width="120" font-size="16"/>

                <div class="clears"></div>
            </div>
            <div class="messsub">
                <button type="submit" class="btn btn-primary js-ajax-submit" style="background:#00a3eb;color:#fff;margin-top:-4px; height: 35px;" data-wait="1500">提交</button>
                <input type="reset" value="重填"/>
            </div>


        </form>
    </div>
</div>